<template>
  <div style="display: flex; justify-content: center; align-items: center; height: 100%; filter: brightness(0.6)">
    <a-empty :image="simpleImage" v-bind="$attrs">
      <template #description>
        <span style="color: #ffffff">{{ $attrs.description || '暂无数据' }}</span>
      </template>
    </a-empty>
  </div>
</template>

<script>
import Empty from 'ant-design-vue/es/empty/index.js';
export default {
  name: 'Empty',
  components: { [Empty.name]: Empty },
  data() {
    return { simpleImage: Empty.PRESENTED_IMAGE_SIMPLE };
  },
};
</script>

<style></style>
